@import '~styles/settings.scss';

.c-legend,
.c-legend-item {
  font-family: $font-family-1;
  width: 100%;
  background: $white;

  &.-empty {
    min-height: rem(150px);
  }

  > div {
    border: 0;
  }

  .datasets-loader {
    position: relative;
    min-height: rem(200px);
  }

  .timeline {
    margin-left: -23px;
    padding: 0 rem(5px) 0 0;
    width: calc(100% + 20px);
    margin-bottom: rem(40px);
  }

  .sub-layer-menu {
    border-top: solid 1px $border;
    padding-top: rem(15px);
    margin-bottom: rem(10px);
  }

  .layer-statement,
  .layer-selector,
  .param-selector {
    margin-bottom: rem(15px);
  }

  .layer-selector {
    display: flex;
    flex-direction: column;
  }

  .more-info {
    margin-bottom: rem(10px);
  }
}
